@import "@styles/theme.scss";
@import "~taro-ui/dist/style/components/input.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "@styles/components.scss";

.container{
    background-color: #f5f5f5;
    height: 100%;
    padding-top: 20px;
}
.bind-phone{
    background-color: #fff;
   
    margin-bottom: 40px;
    padding-left: 0px;
    &__item{
        @include flex-box(row,start,center);
        @include border(bottom,1px,solid,#ebebeb);
        height: 100px;
    }
    &__label{
        width: 180px;
        font-size: 32px;
        color:#333;
    }
    &__input{
        font-size:32px;
        color:#333;
        line-height: 32px;
        flex:1;
    }
    &__handle{
       // @include border(top left right bottom,1px,solid,#ddd);
       // @include flex-box(row,center,end);
        justify-content: center;
        align-items: center;
       // border-radius: 40px;
      //  height: 60px;
        width: 250px;
        margin-right: 20px;
        &-text{
            font-size: 26px;
            color:#333;
        }
        &-liked-text{
            color:#fff;
        }
    }
    &__btn{
        background-color: $primary-color;
        @include flex-box(row,center,center);
        border-radius: 40px;
        height: 100px;
        margin: 0 20px;
        &-text{
            font-size:36px;
            color:#fff;
        }
    }

}
.at-input{
    @include border(bottom,1px,solid,#ebebeb);
    &__input{
        line-height: 60px
    }
    &__title{
        line-height: 60px
        //font-size: 32px;
    }
}


